<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">


<head>
    <meta charset="UTF-8">
    <title>广州MOON旅行攻略网</title>
    <link rel="shortcut icon" type="image/icon" th:href="@{/images/logo.png}" />

</head>
<body style="text-align:center" >
<div >
    <img style="max-width:100%;overflow:hidden;" src="/travel/images/bg.jpg"/>
</div>
<div class="container" >
    <div class="row clearfix">
        <div class="col-md-12 column">
            <h1>后台管理系统</h1>
            <form  method="post" id="form-submit" name="form-submit">


                <div class="form-group" style="padding:10px">
                    <input name="username" id="username" type="text" placeholder="请输入管理员账号"/>
                </div>


                <div class="form-group" style="padding:10px">
                    <input name="password" id="password" type="password" placeholder="请输入密码"/>
                </div>

                <style>
                    input{
                        font-size:18px;
                        /* 设置输入框中字体的大小 */

                        width: 360px;
                        height:50px;
                        /* 设置输入框的高度 */

                        border-radius:10px;
                        /* 设置输入框的圆角的大小 */

                        border:1px solid #c8cccf;
                        /* 设置输入框边框的粗细和颜色 */

                        color:#cbcbcb;
                        /* 设置输入框中文字的颜色 */

                        outline:0;
                        /* 将输入框点击的时候出现的边框去掉 */

                        text-align:left;
                        /* 设置输入框中文字的位置 */

                        padding-left: 10px;

                        display:block;
                        /* 将输入框设置为块级元素 */
                        margin:0 auto;


                        cursor: pointer;

                        box-shadow: 2px 2px 5px 1px #ccc;

                    }

                    input::-webkit-input-placeholder{
                        color: #404040;
                        font-size: 18px;
                    }


                    button{
                        font-size:18px;
                        /* 设置输入框中字体的大小 */

                        width: 290px;
                        height:50px;
                        /* 设置输入框的高度 */

                        border-radius:10px;
                        /* 设置输入框的圆角的大小 */

                        border:1px solid #b5cbdc;
                        /* 设置输入框边框的粗细和颜色 */

                        color:#363636;
                        /* 设置输入框中文字的颜色 */

                        outline:0;
                        /* 将输入框点击的时候出现的边框去掉 */

                        text-align:center;
                        /* 设置输入框中文字的位置 */

                        padding: 10px;


                        margin-top:10px;


                        cursor: pointer;

                        box-shadow: 2px 2px 5px 1px #ccc;


                    }

                </style>

                <div>
                <button type="button" class="button" onclick="saveForm()" style="padding:10px">登  录</button>
                <a th:href="@{/}" >返回主页</a>
                </div>

            </form>


            <script th:src="@{/js/jquery_min.js}"></script>
            <script th:src="@{/js/bootstrap.min.js}"></script>
            <script th:src="@{/js/wow.min.js}"></script>
            <script th:src="@{/js/custom.js}"></script>
            <script th:src="@{/plugins/slider-pro/js/jquery.sliderPro.min.js}"></script>
            <script th:src="@{/plugins/owlcarousel/js/owl.carousel.min.js}"></script>
            <script th:src="@{/layer/layer.js}"></script>
            <!--js code-->
            <script th:inline="javascript">

                function saveForm() {
                    $.ajax({
                        url: '/travel/system/login',
                        data: $("#form-submit").serialize(),
                        type: 'post',
                        dataType: 'json',
                        success: function (result) {
                            if (result.code == 200) {
                                window.location.href = "/travel/system/userListUI";
                            }else {
                                alert(result.message);
                            }
                        }
                    })
                }
         </script>

        </div>
    </div>
</div>

</body>


</html>